DOM重点核心 DOM重点核心# 文档对象模型（Document Object Model，简称 DOM )，是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准 编程接口 W3C已经定义了一系列的DOM接口，通过这些接口可以改变网页的内容、结构和样式。 对于JavaScript，为了能使js操作HTML，js就有了一套自己的DOM编程接口 对于HTML，...

节点操作 .cb, .cr, .cg { float: left; width: 10%; height: 3px; border: 1px solid #fff; background-color: black; } .cr { border: 1px solid red; } .cg { border: 1px solid green; } 节点操作# ...

自定义属性 自定义属性# 标准属性：标签天生自带的属性如class、id、title等，可以直接使用点语法操作如：disabled、checked、selected 自定义属性： 在html5中推出的专门的data-自定义属性 在标签上一律以data-开头 在DOM对象上一律以dataset对象方式获取 var div = document.querySelector('.atestbox'); // 自己添加的属性称为自定义属性 如上index // 1.获取元素的属性值 ...

排他思想 排他思想# 排除其他，保留自己 获取所有按钮，点击其一，清除其它的按钮全部的样式，为当前添加样式 按钮1 按钮2 按钮3 按钮4 按钮5 // 1.获取所有按钮元素 var btns = document.getElementsByTagName('button'); // btns得到的是伪数组 for (var i = 0; i < btns.length; i++) { btns[i].onclick = function () { /...

修改元素属性 .star { width: 300px; } 修改元素属性# 刘德华 张学友 // 修改元素属性 src var ldh = document.getElementById('ldh'); var zxy = document.getElementById('zxy'); var img = document.querySelector('.star'); zxy.onclick = function () { ...

事件 事件# 事件三要素：事件源+事件类型+事件处理程序 事件源：事件被触发的对象 事件类型：如何触发 什么事件 鼠标点击(onclick)、经过、键盘按下？ 事件处理程序：通过一个函数赋值的方式完成 例-点击事件# click here 123 // 点击按钮，弹出对话框 // 事件三要素：事件源+事件类型+事件处理程序 // 1.事件源：事件被触发的对象：按钮 var btn = document.getElementById...

Web APIs // 1.API是为程序员提供的一个接口,帮助我们实现某项功能,会使用即可 // 2.Web API主要是针对于浏览器提供的接口,主要针对于浏览器做交互效果 // 3.Web API一般都有输入和输出(函数的传参和返回值),Web API很多都是方法(函数) // DOM:文档对象模型,是W3C组织推荐的处理可扩展标记语言(html,xml)的标准编程接口。 Web APIs# 作用：使用js去操作html和浏览器 分类：DOM(文档对象模型)、BOM(浏览器对象模型) DOM# DOM(Document Obje...

Date日期对象 // Date()日期对象是一个构造函数，必须使用new来调用日期对象 var arr = new Array(); //创建一个数组对象 var obj = new Object(); //创建一个对象实例 // 1.使用Date var date = new Date(); console.log(date); // 2.参数常用的写法：数字型 2019，10，01。或者是字符串型'2019-10-01 8:8:8' var date1 = new Date(2019, 10, 1); console.log(date1); //返回的是11月不是10月 var date2 = new ...

js对象 // 对象:一个具体的事物 // 在js中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串\数值\数组\函数等. // 对象由属性和方法组成 // 属性:事物特征(常用名词) // 方法:事物行为(常用动词) // 创建对象三种方式: // 一、1、利用字面量创建对象{} // 对象字面量：就是花括号{}里面包含了表达这个具体事物（对象）的属性和方法。 //var obj = {}; // 创建了一个空的对象 var obj = { uname: '张三', age: 18, se...

作用域 // 1.JavaScript作用域：就是代码名字（变量）在某个范围内起作用和效果，目的是为了提高程序的可靠性，更重要的是减少命名冲突 // 2.js的作用域（es6）之前：全局作用域 局部作用域 // 3.全局作用域：整个script标签，或者是一个单独的js文件 // 4.局部作用域：在函数之内的就是局部作用域，这个代码的名字只在函数内部起效果和作用 // 全局变量只有在浏览器关闭时才会销毁，比较占内存资源 // 局部变量当程序执行完毕后就会销毁 作用域# 通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的 ...